window.onresize = function () {
  // onresize 事件会在窗口或框架被调整大小时发生。
  // 为什么只考虑1024-1920之间的适配
  // 因为小于1024  比如700/(1920/24) 等于8.75 (小于12px的浏览器能显示的最小值)
  // 再大也没有什么意义了,所以需要设定一个范围
  var theHTML = document.documentElement
  var htmlWidth = theHTML.clientWidth
  // html的可用宽度,需要跟viewport的最大和最小值同步
  if (htmlWidth < 1024) htmlWidth = 1024
  if (htmlWidth > 1920) htmlWidth = 1920
  // 这里(1920/24)是为了求一个页面缩放的比例
  // 然后让屏幕的宽度除以这个固定的比例,就可以保证这个比例是一致的
  document.documentElement.style.fontSize = htmlWidth / (1920 / 24) + 'px'
}
window.onresize()
